<template>
    <div class='changeRange'>
        <el-dialog
            title="融资状态记录"
            :visible.sync="dialogVisible"
            width="30%"
            class='record'
            :close-on-click-modal='false'
            :before-close="handleClose">
            <ul>
                <li v-for='(item,index) in statusChanges' :key='index'>
                    {{item.time | parseTime('{y}-{m}-{d} {h}:{i}')}}  从 {{item.before.text}} 设为 {{item.after.text}}
                </li>
            </ul>
        </el-dialog>    
    </div>
</template>


<script>
import { parseTime } from '@/utils';
export default {
    name:'changeRange',
    data(){
        return {
             dialogVisible:false,
             statusChanges:[]
        }
    },
    methods:{
        openChangeRange(statusChangesData){
            this.dialogVisible = true;
            this.statusChanges = statusChangesData.reverse();
        },
        handleClose(done){
            done();
        },
    }
}
</script>


<style lang="less" scoped>
.changeRange{
    .record{
        ul{
            line-height: 3rem;
            li:first-child{
                color: rgba(0, 0, 0, 1);
            }
            li{
                color: #c0c0c0;
                font-size: 22px;
            }
        }
    }
}
</style>
